.headerBox
{
    background-color: #336699;
    color: #FFF;
}

@charset "utf-8";

/* CSS Document */

/* -----------------------------------

	3. Colors

------------------------------------- */

#qLoverlay
{
    background-color: #004870 !important;
}

/* scheme color*/

.bg_gradient, .divider_type_2, .gradient_line, #qLbar
{
    background-color: #82c9e8;
    background-position: left;
}

a, a:not([class*="_hover"]):hover, .main_menu .current > a, .md_no-touch .main_menu li:hover > a, .md_touch .main_menu .touch_open_sub > a, .main_menu > .current_click > a, .sub_menu .current_click > a, blockquote.type_2:before, .thumbnails_container > ul > .active article > p, .thumbnails_container > ul > li:hover article > p, blockquote.type_2 > p:last-of-type:after, .main_menu li:hover > a i[class|="icon"], a:not([class*="_hover"]):hover [class*="icon_wrap"][class*="color_"], a:not([class*="_hover"]):hover [class|="icon"][class*="color_"], .categories_list li:hover > a, .categories_list li:hover > a > *, .color_scheme, .color_scheme_hover:hover, .color_scheme_hover:hover [class*="color_"], .dropdown_2_container.login:hover > [class*="icon_wrap_"] > [class|="icon"]
{
    color: #336699;
}

mark, #open_switcher, .bg_color_blue, .tabs_nav .active a, .owl-pagination > .active, .bg_color_blue_hover:hover, .p_table.bg_color_blue_hover.active, [class*="icon_wrap_"].animation_fill.color_scheme:before
{
    background-color: #FF9933;
}

.translucent_bg_color_scheme, .translucent_bg_color_scheme.image_fixed:before
{
    background-color: rgba(204,0,0,0.7);
}

.tabs_nav .active a, .accordion_item.active, .owl-pagination > .active, .p_table.bg_color_blue_hover:hover, .p_table.bg_color_blue_hover.active, .color_scheme_hover:not(.color_light):hover, .color_scheme_hover:hover [class*="color_"], .dropdown_2_container.login:hover > [class*="icon_wrap_"]
{
    background-color: #336699;
}

.dropdown_2_container.login .dropdown_2:before
{
    border-bottom-color: #336699;
}

.dropdown_2_container.login .dropdown_2
{
    border-top-color: #336699;
}

.owl-pagination > div
{
    border: 1px solid #336699;
}

.tabs_nav .active + li a
{
    border-left-color: #41bedd;
}

/* other colors */

.color_default
{
    color: #606366;
}

.color_black, .color_black_hover:hover
{
    color: #000;
}

.color_grey_light, .accordion_item:not(.active) dt [class*="icon_wrap"]
{
    color: #CCCCCC;
}

.color_grey_light_2
{
    color: #d1d5d8;
}

.color_grey_light_3
{
    color: #ecf0f1;
}

.color_grey_light_4
{
    color: #cbd0d4;
}

.color_grey_light_5
{
    color: #bfc4c8;
}

.color_grey, .tweet_time a
{
    color: #899096;
}

mark, .color_light, .social_icons a:hover, .tabs_nav .active a, .checkout_video:hover *, .paginations .active a, .color_light_hover:hover, .paginations li a:hover, .step:hover .step_counter, .link_container:hover [class*="icon_wrap_"], .p_table:hover > *:not([class*="button_type"]), .p_table.active > *:not([class*="button_type"]), .steps_nav li .animation_fill.type_2, [class*="button_type_"].transparent:not(.color_light):hover, [class*="button_type_"]:not(.transparent), .animation_fill[class*="color_"]:hover, .item_services h6:hover .animation_fill
{
    color: #fff;
}

.color_light, .p_table:hover .pt_icon, .p_table.active .pt_icon, .p_table:hover [class*="button_type"], .p_table.active [class*="button_type"], .link_container:hover [class*="icon_wrap_"]
{
    border-color: #fff;
}

.color_light_2
{
    color: #f7f9f9;
}

.color_dark, .tweet_text a:hover, .color_dark_hover:hover, .select_list li:hover, [class*="button_type_"].color_dark, .breadcrumbs li a.color_default:hover
{
    color: #34383d;
}

.breadcrumbs li a.color_default:hover
{
    border-color: #34383d;
}

[class*="button_type_"].color_dark, .accordion_item:not(.active) dt [class*="icon_wrap"]
{
    border-color: #bdc3c7;
}

.translucent_bg_color_dark, .translucent_bg_color_dark.image_fixed:before
{
    background: rgba(0,0,0,.7);
}

.color_grey_light[class*="icon_wrap"]
{
}

.checkout_video:hover .video_button i[class|="icon"], .color_purple, .step:hover h3, blockquote.type_3:before, blockquote.type_3 > p:last-of-type:after, .color_purple_hover:hover, .category_link:hover .category_title, .color_purple [class*="icon_wrap_"], [class*="button_type_"]:not(.transparent).color_purple:hover
{
    color: #666666;
}

.border_color_purple, .paginations .active a, .paginations .active:last-child a, .paginations li a:hover, .paginations li:last-child a:hover, .step:hover .step_counter, [class*="icon_wrap_"].color_purple, .color_purple [class*="icon_wrap_"], [class*="button_type"].color_purple, .bg_color_purple_hover:hover, .p_table.bg_color_purple_hover:hover, .p_table.bg_color_purple_hover.active, [class*="icon_wrap_"].color_purple_hover:hover, [class*="button_type"].color_purple_hover:not(.color_light):hover
{
    border-color: #333333;
}

.paginations .active + li a, .paginations li:hover + li a
{
}

.bg_color_purple, .paginations .active a, .paginations li a:hover, .step:hover .step_counter, .title_counter_type:before, .bg_color_purple_hover:hover, .animation_fill.color_purple:before, .p_table.bg_color_purple_hover.active, [class*="button_type_"].transparent.color_purple:hover, [class*="button_type_"].color_purple:not(.transparent)
{
    background-color: #F5F5F5;
    color: #666;
}

.translucent_bg_purple, .translucent_bg_purple.image_fixed:before
{
    background-color: rgba(78,76,160,.7);
}

.color_pink, .color_pink_hover:hover, .color_pink_hover:hover [class*="color_"], [class*="button_type_"].color_pink:not(.transparent):hover, .dropdown_2_container.shoppingcart:hover > [class*="icon_wrap_"] > [class|="icon"]
{
    color: #a255c4;
}

.border_color_pink, [class*="icon_wrap_"].color_pink, .color_pink_hover:hover [class*="icon_wrap_"], [class*="button_type_"].color_pink, .p_table.bg_color_pink_hover:hover, .p_table.bg_color_pink_hover.active, [class*="button_type_"].color_pink_hover:not(.color_light):hover, [class*="icon_wrap_"].color_pink_hover:hover, .dropdown_2_container.shoppingcart:hover > [class*="icon_wrap_"]
{
    border-color: #a255c4;
}

.dropdown_2_container.shoppingcart .dropdown_2:before
{
    border-bottom-color: #a255c4;
}

.dropdown_2_container.shoppingcart .dropdown_2
{
    border-top-color: #a255c4;
}

.bg_color_pink, .ui-slider-range, .bg_color_pink_hover:hover, .p_table.bg_color_pink_hover.active, .animation_fill.color_pink:before, [class*="button_type_"].transparent.color_pink:hover, [class*="button_type_"].color_pink:not(.transparent)
{
    background: #a255c4;
}

.color_green, .color_green_hover:hover, [class*="button_type_"].color_green_hover:hover, [class*="button_type_"].color_green:not(.transparent):hover
{
    color: #2ecc71;
}

.select_button_left, input:not([type="submit"]).success, [class*="button_type_"].color_green_hover:hover, [class*="button_type_"].color_green
{
    border-color: #2ecc71;
}

.bg_color_green, [class*="button_type_"].color_green.transparent:hover, [class*="button_type_"].color_green:not(.transparent)
{
    background: #2ecc71;
}

.translucent_bg_green, .translucent_bg_green.image_fixed:before
{
    background-color: rgba(39,174,96,.7);
}

.bg_color_dark_green
{
    background: #00a847;
}

.color_blue, .color_blue_hover:hover, [class*="button_type_"].color_blue:not(.transparent):hover
{
    color: #336699;
}

.main_menu > li > a, #menu_button.color_blue, [class*="icon_wrap_"].color_blue, [class*="button_type_"].color_blue, [class*="icon_wrap_"].color_blue_hover:hover, [class*="button_type_"].color_blue_hover:hover
{
    border-color: #336699;
}

[class*="button_type_"].transparent.color_blue:hover, [class*="button_type_"].color_blue:not(.transparent), .animation_fill.color_blue:before
{
    background: #55c0db;
}

.color_red, .required:after, .required_l:before, .color_red_hover:hover, .color_red_hover:hover [class*="color_"], [class*="button_type_"].color_red:not(.transparent):hover
{
    color: #e74c3c;
}

.bg_color_red, [class*="button_type_"].transparent.color_red:hover, [class*="button_type_"].color_red:not(.transparent)
{
    background: #e74c3c;
}

input:not([type="submit"]).error, [class*="button_type_"].color_red, .blog_side_button[class*="border_"]:hover
{
    border-color: #e74c3c;
}

.translucent_bg_red, .translucent_bg_red.image_fixed:before
{
    background-color: rgba(231,76,60,.9);
}

.color_yellow, [class*="button_type_"].color_yellow:not(.transparent):hover
{
    color: #f1c40f;
}

.color_light_green
{
    color: #27ae60;
}

[class*="button_type_"].color_yellow, .p_table.bg_color_yellow_hover:hover, .p_table.bg_color_yellow_hover.active
{
    border-color: #f1c40f;
}

.bg_color_yellow, .bg_color_yellow_hover:hover, .p_table.bg_color_yellow_hover.active, [class*="button_type_"].color_yellow:not(.transparent), [class*="button_type_"].color_yellow.transparent:hover
{
    background: #f1c40f;
}

.color_dark_blue
{
    color: #3498db;
}

.bg_color_dark_blue
{
    background: #3498db;
}

.bg_color_dark
{
    background: #161618;
}

input:not([type="submit"]).info
{
    border-color: #3498db;
}

.translucent_bg_orange, .translucent_bg_orange.image_fixed:before
{
    background-color: rgba(219,175,0,.7);
}

.color_orange
{
    color: #e67e22;
}

input:not([type="submit"]).warning
{
    border-color: #e67e22;
}

.bg_light, [class*="button_type_"].transparent.color_light:hover, .p_table:hover [class*="button_type"], .p_table.active [class*="button_type"]
{
    background: #fff;
}

.bg_light_2, .md_no-touch .sub_menu li:hover > a, .sub_menu .current > a, .sub_menu .touch_open_sub > a, table:not(.table_type_9) tr:hover, .categories_list ul a:hover, .sub_menu .current_click > a
{
    background: #f7f9f9;
}

.bg_light_3, .category_link:hover .category_title, .thumbnails_container > ul > .active, .thumbnails_container > ul > li:hover
{
    background: #ecf0f1;
}

.bg_light_4
{
    background: #e3e7e9;
}

.facebook:hover, .facebook_static_color
{
    background: #39599f;
    border-color: #39599f;
}

.twitter:hover, .twitter_static_color
{
    background: #40bff5;
    border-color: #40bff5;
}

.googleplus:hover, .googleplus_static_color
{
    background: #eb5b4c;
    border-color: #eb5b4c;
}

.pinterest:hover, .pinterest_static_color
{
    background: #b8242a;
    border-color: #b8242a;
}

.dribbble:hover, .dribbble_static_color
{
    background: #e65992;
    border-color: #e65992;
}

.flickr:hover, .flickr_static_color
{
    background: #ff1981;
    border-color: #ff1981;
}

.youtube:hover, .youtube_static_color
{
    background: #cd322c;
    border-color: #cd322c;
}

.vimeo:hover, .vimeo_static_color
{
    background: #44bbff;
    border-color: #44bbff;
}

.instagram:hover, .instagram_static_color
{
    background: #a47a5e;
    border-color: #a47a5e;
}

.linkedin:hover
{
    background: #328dd3;
    border-color: #328dd3;
}

.facebook_color:hover *
{
    color: #39599f !important;
}

.twitter_color:hover *
{
    color: #40bff5 !important;
}

.googleplus_color:hover *
{
    color: #eb5b4c !important;
}

.pinterest_color:hover *
{
    color: #b8242a !important;
}

.label.color_scheme
{
    background: #e6f7fb;
}

.label.color_pink
{
    background: #f6eef9;
}

.rss
{
    background: #e67e22;
    border-color: #e67e22;
}

::-webkit-scrollbar-thumb
{
    background: #666;
}

#back_to_top
{
    background-color: #285179;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    color: #FFF;
}

#back_to_top:hover
{
    background-color: #333;
}

.gradient_line
{
    background-color: #036;
}

.linkBox
{
    background-color: #F9F9F9;
}

.sec_products
{
    background-color: #EFEFEF;
}

.tabs_nav
{
    background-color: #FFF;
}

/* -----------------------------------

	pages頁簽

------------------------------------- */

.pages a
{
    border: 1px solid #666;
    color: #666;
    background-color: #FFF;
}

.pages a:hover
{
    color: #FFFFFF !important;
    background-color: #666;
}

.pages span.ft
{
    color: #FFFFFF;
    background-color: #666;
    border: 1px solid #666;
}

.pages span.disabled
{
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    background-color: #FFF;
}

.productsTitle
{
    color: #285179;
}

.heading_1
{
    color: #666666;
}

.heading_1 .bread
{
    color: #666;
}

.indexServiceItem .title
{
    color: #333;
}
.indexNewsItem .list
{
    color: #333;
}

.indexNewsItem .list:hover
{
    color: #285179;
}

.indexNewsItem .newsDate
{
    color: #F60;
}

.headerBox .mail
{
    color: #FFF;
}

.headerBox .mail:hover
{
    color: #FFC;
}

.headerBox .socialicon:hover
{
    color: #336699;
}

.langBox
{
    background-color: #336699;
}

.langBox a
{
    color: #FFF;
    background-color: #336699;
}

.langBox a:hover i {
    color: #336699;
}

.langBox .sub_menu
{
}

.contact_info_list
{
}

.contact_info_list a
{
    color: #FFF;
}

#nav
{
}

#nav a
{
    color: #000;
}

#nav a:hover,#nav .current > a,#nav ul li:hover > a
{
    background-color: #3471B0;
    color: #fff;
}

.main_menu > li > a:after
{
    background-color: #336699;
}

.searchForm
{
    background-color: #FFF;
}

.search_btn,.search_cancel_btn
{
    color: #CCC;
}

.search_btn:hover,.search_cancel_btn:hover
{
    color: #828282;
}

.button_type_2
{
}

.button_type_2:hover
{
    color: #FFF;
    background-color: #285179;
    border: 1px solid #285179;
}

.arrowColor1
{
    color: #999;
}

.arrowColor2
{
    color: #9B9B9B;
}

.arrowColor3
{
    color: #333;
}

.arrowColor4
{
    color: #1e63a2;
}

.arrBtn
{
    color: #FFF;
    background-color: #069;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.arrBtn:hover
{
    background-color: #333;
}

.googleMapBtn
{
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    color: #999;
}

.titler_style1
{
    border-bottom-color: #EAEAEA;
}

.titler_style1:after
{
    background-color: #3A7CAB;
}

.navigation-field li a
{
    color: #336699;
    background-color: #f7f7f7;
}

.navigation-field li a:hover,
.navigation-field li.active a,
.navigation-field li.active a .arrowColor2
{
    color: #fff;
    background-color: #4381bf;
}

.navigation-field li a:hover span
{
    color: #fff;
}

#nav a:hover i, #nav .current i,#nav ul li:hover > a i
{
    color: #fff;
}

.social_icons a:hover
{
    color: #336699;
}

.footer-nav ul li a
{
    color: #686868;
}

.footer-nav ul li a:hover
{
    color: #336699;
}

.bannerViewBtn,.bannerViewBtn:hover
{
    background-color: #336699 !important;
    color: #FFF !important;
}

.header_bottom_part
{
    background-color: #fff;
}
.header-style-3 #nav
{
    background-color: #f5f5f5;
}